<template>
	<view class="help-container">
		<uni-nav-bar @clickLeft="$tab.back()" fixed="true" color="#fff" left-icon="left" backgroundColor="#FA554E" title="收款方式"
			statusBar="true" :border="false" />
		<view class="" style="background-color: #FA554E;height: 176rpx;">

		</view>
		<view class="" style="margin-top: -110rpx;">
			<view @click="getAdd('支付宝')" class="bg-FFF round-12 p-28 mx-20">
				<view class="font-700">
					支付宝
				</view>
				<view class="flex shadow-20 mt-16 p-12 bg-F8F8F8 items-center justify-between">
					<view class="flex items-center">
						<image :src="icon_zhifubaozhifu" style="width: 60rpx;" mode="widthFix"></image>
						<text class="ml-20">支付宝收款</text>
					</view>
					<view class="flex items-center ">
						<view class="image-36 round flex items-center justify-around"
							:style="{background:`${user.zfbQrCode != null ?'#E2382B' :'' }`,border:`${user.zfbQrCode != null?'none' :'2px solid #DCDCDC' }`}">
							<u-icon name="checkmark" color="#fff" size="10"></u-icon>
						</view>
						<text class="ml-12">{{user.zfbQrCode != null ?'已' :'未'}}激活</text>
					</view> 
				</view>
			</view>
			<view @click="getAdd('微信')" class="bg-FFF round-12 p-28 mx-20 mt-48">
				<view class="font-700">
					微信
				</view>
				<view class="flex shadow-20 mt-16 p-12 bg-F8F8F8 items-center justify-between">
					<view class="flex items-center">
						<image :src="icon_weixinzhifu" style="width: 60rpx;" mode="widthFix"></image>
						<text class="ml-20">微信收款</text>
					</view>
					<view class="flex items-center justify-around">
						<view class="image-36 round flex items-center justify-around" :style="{background:`${user.wxQrCode != null ?'#E2382B' :'' }`,border:`${user.wxQrCode != null?'none' :'2px solid #DCDCDC' }`}">
							<u-icon name="checkmark" color="#fff" size="10"></u-icon>
						</view>
						<text class="ml-12">{{user.wxQrCode != null ?'已' :'未'}}激活</text>
					</view>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				icon_weixinzhifu: 'http://img.kxjb1319.com/mine/icon_weixinzhifu.png',
				icon_zhifubaozhifu: 'http://img.kxjb1319.com/mine/zhifubaozhifu.png',
			}
		},
		computed: {
			user() {
				return this.$store.state.user.userInfo
			},
		},
		methods: {
			getAdd(name) {
				this.$tab.nav(`/pages/mine/collection/add?name=${name}`)
			}
		}
	}
</script>
<style>
	page {
		background-color: #f8f8f8;
	}
</style>
<style lang="scss" scoped>
	
</style>
